import React, { Component } from 'react';
import './MyTabbar.scss'
import pic from '../logo.svg'
class MyTabbar extends Component {
    constructor(props){
        super(props);
        this.state={
            tabbar:[
                {name:'店铺',pic},
                {name:'分类',pic},
                {name:'全部商品',pic},
                {name:'购物车',pic},
                {name:'个人中心',pic},
            ]
        }
    }
    render() {
        return (
            <div className='tabbar'>
                {
                    this.state.tabbar.map((item,index)=>{
                       return (
                        <div className="classify" key={index}>
                            <img src={item.pic} alt="" />
                            <span>{item.name}</span>
                        </div> 
                       )
                    })
                }
            </div>
        );
    }
}

export default MyTabbar;